<template>
  <div class="unknown">
    <img src="@/assets/unknown/top.png" alt="#" class="top">
    <p class="title">LOOK BOOK</p>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>
        <img src="@/assets/unknown/img1.png" alt="#" class="swiper">
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/unknown/img2.png" alt="#" class="swiper">
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/unknown/img3.png" alt="#" class="swiper">
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/unknown/img4.png" alt="#" class="swiper">
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/unknown/img5.png" alt="#" class="swiper">
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/unknown/img6.png" alt="#" class="swiper">
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/unknown/img7.png" alt="#" class="swiper">
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/unknown/img8.png" alt="#" class="swiper">
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/unknown/img9.png" alt="#" class="swiper">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.unknown {
  font-size: 0;
  .top {
    margin: 20px 0;
    width: 100%;
  }
  .title {
    line-height: 40px;
    border: 1px solid #666;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    color: #666;
  }
  .swiper {
    width: 100%;
    height: 250px;
  }
}
</style>